
<div class="title_page title_page2">
  <h3>
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <tbody>
        <tr>
          <td>Wishlist</td>
          <td align="right"><a href="<?php echo $this->getUrl();?>manufacturer.html">Back To &gt;&gt;</a><span>All Manufacturers</span></td>
        </tr>
      </tbody>
    </table>
  </h3>
</div>
<div class="normal3 book_service wishlist">
  <div class="border3"></div>
  <div class="box3_c">
    <div class="downloads ">
      <h4 style="*padding-left:32px;">Create A Motorhome Wishlist </h4>
      <h3 class="contact_des">You can create a wish list which will store details of your perfect motorhome, when a motorhome is available that displays the characteristics of the options you have defined below, we will send you an email with a link to view that motorhome</h3>
      <form action="<?php echo $this->getUrl('wish/index/post');?>" method="post" id="wishlist_form">
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step1">Are you looking for a New or Used motorhome?</h1>
          <table class="input_table" cellspacing="0" cellpadding="0">
            <tbody>
              <tr>
                <td class="td_left"><input type="radio" value="1" name="new_or_used">
                  <img src="<?php echo $this->getSkinUrl();?>images/banner1.png"><span>New</span></td>
                <td><table cellspacing="0" cellpadding="0" border="0" width="100%" class="used_car1">
                    <tbody>
                      <tr>
                        <td class="td1"><input type="radio" value="0" name="new_or_used"></td>
                        <td class="td2"><img src="<?php echo $this->getSkinUrl();?>images/banner1.png"></td>
                        <td class="td3">Used</td>
                        <td class="td4">Maximum millage </td>
                        <td class="td5"><a onmouseup="clear_add_more()" onmousedown="reduce_more('-')" href="javascript:used_car('-')"><img src="<?php echo $this->getSkinUrl();?>images/bt_reduce.png"></a></td>
                        <td class="td6"><table cellspacing="0" cellpadding="0" border="1" width="100%" class="number_price">
                            <tbody>
                              <tr>
                                <td><input type="text" value="2" class="price_input" id="num6" name=""></td>
                                <td><input type="text" value="0" class="price_input" id="num5" name=""></td>
                                <td><input type="text" value="0" class="price_input" id="num4" name=""></td>
                                <td><input type="text" value="0" class="price_input" id="num3" name=""></td>
                                <td><input type="text" value="0" class="price_input" id="num2" name=""></td>
                                <td><input type="text" value="0" class="price_input" id="num1" name=""></td>
                              </tr>
                            </tbody>
                          </table></td>
                        <td class="td7"><a onmouseup="clear_add_more()" onmousedown="add_more('+')" href="javascript:used_car('+')"><img src="<?php echo $this->getSkinUrl();?>images/bt_add.png"></a>
                          <input type="hidden" value="200000" id="used_car" name="used_car"></td>
                      </tr>
                    </tbody>
                  </table></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step2">Please select a desired price range</h1>
          <table cellspacing="0" cellpadding="0" style="width: 656px;" class="input_table">
            <tbody>
            </tbody>
            <tbody>
              <tr>
                <td style="width: 395px;" class="s_left_td"><table cellspacing="0" cellpadding="0" border="0" width="100%">
                    <tbody>
                      <tr>
                        <td><div class="slide_calculator slide_style2 slide_style3">
                            <div class="slide_calculator_bg"></div>
                            <div style="left: 70px; width: 141px;" class="slide_calculator_bg slide_calculator_bg_min_max" id="change_bg_min_max_desired_price1"></div>
                            <div style="left: 65px; top: 0px;" id="news_root_desired_price1" class="news_root">
                              <div id="news_handle_desired_price1" class="handle handle4"><span id="div_year_desired_price1" class="slide_move_bottom">£3,000</span></div>
                              <!--1000-99000--> 
                              <br>
                            </div>
                          </div>
                          <div style="margin-top: -7px;" class="slide_calculator slide_style2 slide_style3">
                            <div style="display: none;" class="slide_calculator_bg"></div>
                            <div style="left: 201px; top: 0px;" id="news_root_desired_price2" class="news_root">
                              <div style="" id="news_handle_desired_price2" class="handle"><span id="div_year_desired_price2" class="slide_move_bottom">£12,000</span></div>
                              <br>
                            </div>
                          </div>
                          <input type="hidden" value="3000" name="price_from" id="tt_desired_price1">
                          <input type="hidden" value="12000" name="price_to" id="tt_desired_price2">
                      </tr>
                    </tbody>
                  </table></td>
                <td style="width: 232px;" class="right_td1"><table cellspacing="0" cellpadding="0" border="0" width="100%" class="prices_table">
                    <tbody>
                      <tr>
                        <td class="title1">Min</td>
                        <td class="title1">Max</td>
                      </tr>
                      <tr>
                        <td class="price_btw" >£<span id="min">3,000</span>-&nbsp;</td>
                        <td class="price_btw" >£<span id="max">12,000</span></td>
                      </tr>
                      <tr>
                        <td class="bt_des" colspan="2"><input type="checkbox" value="1" name="price_fix">
                          Flexibility: + or -  £2000</td>
                      </tr>
                    </tbody>
                  </table></td>
              </tr>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step3">Please select how many berths you would like</h1>
          <table cellspacing="0" cellpadding="0" class="input_table long_t">
            <tbody>
            </tbody>
            <tbody>
              <tr>
                <td id="people_td" class="people_td"><a onclick="people(1,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(2,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(3,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(4,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(5,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(6,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a> <a onclick="people(7,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png"></a>
                  <input type="hidden" id="people" name="berths" value=""/></td>
                <td class="people_cha">Larger<br>
                  Motorhomes</td>
                <td class=""><table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                      <tr>
                        <td><a onclick="people(8,this)" href="javascript:"><img src="<?php echo $this->getSkinUrl();?>images/people_black.png" id="add_people_8"></a></td>
                        <td class="td9"><span>8</span>+</td>
                      </tr>
                    </tbody>
                  </table></td>
                <td><img src="<?php echo $this->getSkinUrl();?>images/heartor.png"></td>
                <td class="right_td1"><input type="checkbox" value="1" onclick="people_check()" id="step4_r" name="any_berths">
                  Flexibility- Show me any Berth motorhomes</td>
              </tr>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step4">Please select your sleeping requirements <span class="ss">(Select both for more results)</span></h1>
          <table cellspacing="0" cellpadding="0" class="input_table">
            <tbody>
            </tbody>
            <tbody>
              <tr>
                <td class="s_1"><span class="right_td1">
                  <input type="checkbox" value="Double Beds" class="marginleft0" name="sleeps[]" onclick="select_beds()" id="double_beds">
                  </span><img src="<?php echo $this->getSkinUrl();?>images/banner2.png">Double Beds </td>
                <td class="s_1"><span class="right_td1">
                  <input type="checkbox" value="Single Beds" class="marginleft0" name="sleeps[]" onclick="select_beds()" id="single_beds">
                  </span><img src="<?php echo $this->getSkinUrl();?>images/banner3.png">Single Beds </td>
                <td class="s_2"><div class="help_div2"><span>Additional Options</span><br>
                    <span class="right_td1">
                    <input type="checkbox" value="1" class="marginleft0" name="any_sleeps" onclick="select_beds_additinal()" id="additional_beds">
                    </span>Fixed Beds</div></td>
              </tr>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step5">Please select a preferred motorhome manufacturer</h1>
          <table cellspacing="0" cellpadding="0" class="input_table long_t">
            <tbody>
              <tr>
                <td class="s_left_td"><div id="" tabindex="0" onclick="ManuSelect(this)" class="moni_s quick_enquiry_moni_s">
                    <input type="text" value="Please Select..." class="select5_white required-entry" name="manufacturer" id="message_type2">
                    <ul style="display: none;" class="Option">
                      <?php $cats = Mage::getBlockSingleton ( 'catalog/product_list' )->getCategories (); ?>
                      <?php foreach ( $cats as $cat ) :?>
                      <li class="" cat="<?php echo $cat->getId ();?>">
                      	<span><?php echo trim($cat->getName ()); ?></span>
                      </li>
                      <?php endforeach;?>
                    </ul>
                  </div></td>
                <td><img src="<?php echo $this->getSkinUrl();?>images/heartor.png"></td>
                <td class="right_td1">
                <input type="hidden" value="0" name="manufacturer_id">
                <input type="checkbox" value="1" name="any_manufacturer">
                  Flexibility- Show me any Berth motorhomes
                 </td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step6">Please select a preferred motorhome chassis manufacturer</h1>
          <table cellspacing="0" cellpadding="0" class="input_table long_t">
            <tbody>
              <tr>
                <td class="s_left_td"><div id="apdiv" tabindex="0" onclick="CoLeeSelect2(this)" class="moni_s quick_enquiry_moni_s">
                    <input type="text" value="Please Select..." class="select5_white required-entry" name="chassis" id="message_type5">
                    <ul style="display: none;" class="Option">
                    	<li class=""><span>Ford</span></li>
                        <li class=""><span>Fiat</span></li>
                        <li class=""><span>Mercedes Benz</span></li>
                        <li class=""><span>Peugeot</span></li>
                        <li class=""><span>Renault</span></li>
                        <li class=""><span>Volkswagen</span></li>
                        <li class=""><span>Other</span></li>
                    </ul>
                  </div></td>
                <td><img src="<?php echo $this->getSkinUrl();?>images/heartor.png"></td>
                <td class="right_td1"><input type="checkbox" value="1" name="any_chassis">
                  Flexibility- Show me any Berth motorhomes</td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step7">Please select a preferred transmission type</h1>
          <table cellspacing="0" cellpadding="0" class="input_table long_t">
            <tbody>
            </tbody>
            <tbody>
              <tr>
                <td class="s_1"><input type="radio" value="Manual" class="marginleft0" name="transmission_type">
                  <img src="<?php echo $this->getSkinUrl();?>images/banner4.png">Manual Gear </td>
                <td class="s_1"><input type="radio" value="Automatic" class="marginleft0" name="transmission_type">
                  <img src="<?php echo $this->getSkinUrl();?>images/banner5.png">Automatic Gear </td>
                <td class="s_2"><div class="help_div1"><span>Additional Options</span><br>
                    <span class="s_1">
                    <input type="checkbox" value="1" class="marginleft0" name="any_transmission">
                    </span> Show both but preferred first</div></td>
              </tr>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step8">Please select Seatbelt Allocation</h1>
          <table class="input_table" cellspacing="0" cellpadding="0">
            <tbody>
            </tbody>
            <tbody>
              <tr>
                <td class="s_left_td"><table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tbody>
                      <tr>
                        <td><img src="<?php echo $this->getSkinUrl();?>images/banner6.png"></td>
                        <td><div class="slide_calculator slide_style2">
                            <div class="slide_calculator_bg"></div>
                            <div style="width: 48px;" class="slide_calculator_bg slide_calculator_bg_belts" id="change_bg_belts_wish_list"></div>
                            <div style="left: 43px; top: 0px;" id="news_root_wish_list" class="news_root">
                              <div id="news_handle_wish_list" class="handle handle_none"></div>
                              <br>
                            </div>
                          </div>
                          <input type="hidden" value="4" name="seatbelts" id="belts_wishlist"></td>
                        <td class="td8"><span>Max</span><br>
                          <span id="div_wishlist">4</span> Belts</td>
                      </tr>
                    </tbody>
                  </table></td>
                <td><img src="<?php echo $this->getSkinUrl();?>images/heartor.png"></td>
                <td class="right_td1"><input type="checkbox" value="1" name="any_seatbelts">
                  Flexibility- Show me all variations</td>
              </tr>
              <tr>
                <td></td>
              </tr>
            </tbody>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      <script language="javascript">
		  
		var news_handle = document.getElementById("news_handle");
		var news_root   = document.getElementById("news_root");
		Drag.init(news_handle, news_root,-10,150,0,0);
		
		var news_handle_wish_list = document.getElementById("news_handle_wish_list");
		var news_root_wish_list   = document.getElementById("news_root_wish_list");
		Drag.init(news_handle_wish_list, news_root_wish_list,-2,160,0,0);
		
		var news_handledesired_price1 = document.getElementById("news_handle_desired_price1");
		var news_rootdesired_price1   = document.getElementById("news_root_desired_price1");
		Drag.init(news_handledesired_price1, news_rootdesired_price1,-5,390,0,0);
		var news_handledesired_price2 = document.getElementById("news_handle_desired_price2");
		var news_rootdesired_price2   = document.getElementById("news_root_desired_price2");
		Drag.init(news_handledesired_price2, news_rootdesired_price2,-5,390,0,0);
		
        function showMePrice() {
            if(document.getElementById('timeat116').value == ""){
               document.getElementById('timeat116').style.border = "1px solid #FF0000"; 
               errorP1 = "Y"; 
            }else{
                document.getElementById('timeat116').style.border = "0pt none";
                errorP1 = "N"; 
            }
            if(document.getElementById('timeat117').value == ""){
              document.getElementById('timeat117').style.border = "1px solid #FF0000"; 
              errorP2 = "Y";  
            }else{
               document.getElementById('timeat117').style.border = "0pt none"; 
               errorP2 = "N";
            }
            if(errorP1 != "Y" && errorP2 != "Y"){
                document.getElementById('year').value=document.getElementById('div_year').innerHTML;
                document.getElementById('tradein').style.display='none';
                document.getElementById('tradein2').style.display='block';
            }

        }
		</script>
      <div class="normal2">
        <div class="border2"></div>
        <div class="box2_c">
          <h1 class="step9">Please give us your details so that we can contact you if a suitable motorhome becomes available</h1>
          <table class="input_table" cellspacing="0" cellpadding="0">
            <tr>
              <th width="50%">Your Full Name</th>
              <th width="50%">Your Email Address</th>
            </tr>
            <tr>
              <td><input name="fullname" type="text" class="input2" value=""></td>
              <td><input name="email" type="text" class="input2" value=""></td>
            </tr>
          </table>
          <table class="input_table" cellspacing="0" cellpadding="0">
            <tr>
              <th width="50%">Your Telephone Number</th>
              <th width="50%">Your Current Status</th>
            </tr>
            <tr>
              <td><input name="telephone" type="text" class="input3_white" value=""></td>
              <td class="moni_td"><div id="" tabindex="0" onclick="CoLeeSelect2(this)" class="moni_s quick_enquiry_moni_s">
                  <input type="text" value="Retired" class="select5 required-entry" name="status" id="message_type2">
                  <ul style="display: none;" class="Option">
                    <li class=""><span>test1</span></li>
                    <li class=""><span>test2</span></li>
                  </ul>
                </div></td>
            </tr>
          </table>
          <table class="input_table" cellspacing="0" cellpadding="0">
            <tr>
              <th colspan="3">Your Postal Address <img src="<?php echo $this->getSkinUrl();?>images/gantan_blue.png"> <span>Optional, leave blank if you prefer</span></th>
            </tr>
            <tr>
              <td colspan="3"><input name="postal1" type="text" class="input4" value=""></td>
            </tr>
            <tr class="second_tr">
              <td width="320"><input name="input" type="text" class="input5" value="postal2"></td>
              <th width="105" align="left">&nbsp;&nbsp;Your Postcode</th>
              <td width="165"><input name="postcode" type="text" class="input6" value=""></td>
            </tr>
          </table>
          <table class="input_table s_t" cellspacing="0" cellpadding="0">
            <tr>
              <td>&nbsp;</td>
              <td>&nbsp;</td>
            </tr>
            <tr>
              <td><input name="is_subscribed" type="checkbox" value="on" style="vertical-align:middle; width:15px;" >
                <span>I’d also like to recieve your newsletter</span></td>
              <td align="right"><input type="image" src="<?php echo $this->getSkinUrl();?>images/bt_submit.png"/></td>
            </tr>
          </table>
          <div class="clearfloat"></div>
        </div>
        <div class="border2"></div>
      </div>
      </form>
      <script type="text/javascript">
//      jQuery().ready(function($){
//		$('#wishlist_form').submit(function(){
//			var data = $(this).serialize();
//			alert(data);
//			return false;
//		});
//      });
      </script>
    </div>
  </div>
  <div class="border3"></div>
</div>
<div class="newletter">
  <input class="input1" type="text" value="Enter Email Address..."/>
  <input type="image" src="<?php echo $this->getSkinUrl();?>images/circle_sword.png" class="submit_sword" value="" />
</div>
